<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>格式化</title>
</head>
<body>
    <b>这是粗体</b>
    <br/>
    <strong>这是强字体</strong>
    <br/>
    <big>这是大号的字体</big>
    <br/>
    <small>这是小字体</small>
    <br/>
    <em>这是EM的字体</em>
    <br />
    <i>这是itali的字体c</i>
    <br/>
    这串文字包含
    <sub>下标字体</sub>
    <br/>
    这串文字包含
    <sup>上标字体</sup>
    <br/>
    测试改变下标或者上标的文字
    <sup style="font-size: small">测试上标</sup>   <!-- 设置了font-size 并没有什么卵用 -->


    <p>显示pre 预格式文本</p>
    <pre>
        这是
        与格式文本。
        它保留了     空格
        和换行
    </pre>
    <p><pre>pre 标签和适合显示计算机代码: </pre></p>
    <pre>
        for i = 1 to 10
            print i
        next i
    </pre>

    <p>显示计算机/编程代码</p>
    <code>Computer code</code>
    <br />
    <kbd>Keyboard input</kbd>
    <br />
    <tt>Teletype text 18520893132</tt>
    <br />
    <samp>Sample text</samp>
    <br />
    <var>Computer variable</var>
    <br />
    <p>
        <b>注释：</b>这些标签常用于显示计算机/编程代码。
    </p>

    <p>显示地址</p>
    <address>
        Written by <a href="mailto:1157013577@qq.com">DeLongYang</a>.<br/>
        Visit us at:<br/>
        Example.com<br/>
        Box 564 ,Disneyland<br/>
        USA
    </address>

    <p>缩进和首字母缩写</p>
    <abbr title="etcetera">etc.</abbr>
    <br/>
    <acronym title="World Wide Web">WWW</acronym>
    <p>在某些浏览器中，当您把鼠标移至缩略词语上时，title 可用于展示表达的完整版本。</p>
    <p>仅对于 IE 5 中的 acronym 元素有效。</p>
    <p>对于 Netscape 6.2 中的 abbr 和 acronym 元素都有效。</p>

    <p>
        如果您的浏览器支持 bi-directional override (bdo)，下一行会从右向左输出 (rtl)；
    </p>

    <bdo dir="rtl">
        Here is some Hebrew text
    </bdo>

    这是长的引用:
    <blockquote>
        这是长的引用。这是长的引用。这是长的引用。这是长的引用。这是长的引用。这是长的引用。
        这是长的引用。这是长的引用。这是长的引用。这是长的引用。这是长的引用。
    </blockquote>
    这是短的引用:
    <q>
        这是短的引用
    </q>
    <p>
        使用 blockquote 元素的话，浏览器会插入换行和外边距，而 q 元素不会有任何特殊的呈现。
    </p>

    <p>这种下划线和</p>
    <p>一打有<del>二十</del><ins>十二</ins>件。</p>

</body>
</html>
















































































